<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			
			.d1{
				margin: 10px auto;
				width: 327px;
				height: 377px;
				
					
			}
			.s1{
				width:327px;
				height: 101px;
				margin-top: 33px;
				margin-bottom: 15px;
				
			}
			.ss1{
				width: 73px;
				height: 101px;
				float: left;
				margin-left:3px ;
				margin-right: 15px;
				
			}
			.ss2{
				
				width: 250px;
				height: 101px;
				font-size: 16px;
				float: left;
				
			}
			
			.p1{
				
				font-weight:bolder;
				line-height: 1.5;
			}
			.sp1{
				padding-right: 5px;
				float: right;
				color: red;
			
			}
			
			.sp2{
				color: #259C9D;
			}
			a{
				color:red;
				text-decoration: none;
			}
			.s2{
				width:327px;
				height: 101px;
				margin-bottom: 15px;
			
				}
			.icon-ren12{
				color: red;
				}
		</style>
	</head>
	<body>
		<div class="d1">
			<div class="s1">
					<div class="ss1">
						<img src="img/1.gif">
					</div>
					
					<div clss="ss2">
						<p class="p1">环太平洋<span class="sp1">468人评论过</span></p>
						<p ><span class="sp2">#环太平洋##环太平洋#</span>对建筑物倒塌、核弹攻击城市、外星人入侵..<a href="#">[详细]</a></p>
						<p ><i class="iconfont icon-ren12"></i>欧美电影</p>
					</div>	
			</div>
			<div class="s2">
				<div class="ss1">
						<img src="img/2.gif">
					</div>
				<div clss="ss2">
						<p class="p1">激情与速度6<span class="sp1">783人评论过</span></p>
						<p >【杰克.斯坦森确定加盟<span class="sp2">#速#</span>】斯坦森饰演第六部大反派欧文.肖..<a href="#">[详细]</a></p>
						<p ><i class="iconfont icon-ren12"></i>热映推荐</p>
					</div>		
			</div>
			<div class="s2">
				<div class="ss1">
						<img src="img/3.gif">
					</div>
				<div clss="ss2">
						<p class="p1">青春派<span class="sp1">97人评论过</span></p>
						<p>《青春派》预告片“零差评”逆增长..<a href="#">[详细]</a></p>
						<p ><i class="iconfont icon-ren12"></i>电影预告</p>
					</div>		
			</div>
		</div>
	</body>
</html>
